<template>
  <!-- 清算账户信息明细页面弹出框-->
  <el-dialog
    title="清算账户信息明细"
    center
    :visible.sync="openStatus"
    width="1024px"
    :close-on-click-modal="false"
    :append-to-body="true"
    @close="closeFn"
  >
    <el-form ref="detailsForm" :model="detailsData" label-width="180px" :disabled="true">
      <el-row type="flex">
        <el-col :span="12">
          <el-form-item label="参与机构大类：" prop="orgClass">
            <el-select v-model="detailsData.orgClass" placeholder="请选择" style="width: 100%">
              <el-option
                v-for="dict in dictMap.PARTYCATEGORYCODE"
                :key="dict.value"
                :label="`${dict.value}-${dict.text}`"
                :value="dict.value"
              ></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="账户状态：" prop="actStatus">
            <el-select v-model="detailsData.actStatus" placeholder="请选择" style="width: 100%">
              <el-option
                v-for="dict in dictMap.ACCOUNTSTATUSCODE"
                :key="dict.value"
                :label="`${dict.value}-${dict.text}`"
                :value="dict.value"
              ></el-option>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="24">
          <el-form-item label="清算行行号：" prop="stBrno">
            <el-input v-model="detailsData.stBrno" placeholder="清算行行号" />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="24">
          <el-form-item label="清算行名称：" prop="stBrName">
            <el-input v-model="detailsData.stBrName" placeholder="清算行名称" />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row type="flex">
        <el-col :span="12">
          <el-form-item label="质押融资控制标识：" prop="pldgfincgid">
            <el-select v-model="detailsData.pldgfincgid" placeholder="请选择" style="width: 100%">
              <el-option
                v-for="dict in dictMap.PLDG_FLAG"
                :key="dict.value"
                :label="`${dict.value}-${dict.text}`"
                :value="dict.value"
              ></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="12"></el-col>
      </el-row>

      <el-row type="flex">
        <el-col :span="12">
          <el-form-item label="透支限额货币币种：" prop="overdrftlmtCurcd">
            <el-input v-model="detailsData.overdrftlmtCurcd" placeholder="透支限额货币币种" />
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="透支限额：" prop="overdrftlmt">
            <el-input v-model="detailsData.overdrftlmt" placeholder="透支限额" />
          </el-form-item>
        </el-col>
      </el-row>

      <el-row type="flex">
        <el-col :span="12">
          <el-form-item label="圈存资金货币币种：" prop="cdtldCurcd">
            <el-input v-model="detailsData.cdtldCurcd" placeholder="圈存资金货币币种" />
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="圈存资金：" prop="cdtld">
            <el-input v-model="detailsData.cdtld" placeholder="圈存资金" />
          </el-form-item>
        </el-col>
      </el-row>

      <el-row type="flex">
        <el-col :span="12">
          <el-form-item label="账户余额：" prop="balance">
            <el-input v-model="detailsData.balance" placeholder="账户余额" />
          </el-form-item>
        </el-col>
        <el-col :span="12"></el-col>
      </el-row>
      <el-row type="flex">
        <el-col :span="12">
          <el-form-item label="余额最低控制金额：" prop="rstrctamtlwrlmt">
            <el-input v-model="detailsData.rstrctamtlwrlmt" placeholder="余额最低控制金额" />
          </el-form-item>
        </el-col>
        <el-col :span="12"></el-col>
      </el-row>
      <el-row type="flex">
        <el-col :span="12">
          <el-form-item label="自动拆借余额最低控制金额：" prop="lndgbalamtlwrlmt">
            <el-input v-model="detailsData.lndgbalamtlwrlmt" placeholder="自动拆借余额最低控制金额" />
          </el-form-item>
        </el-col>
        <el-col :span="12"></el-col>
      </el-row>
      <el-row type="flex">
        <el-col :span="12">
          <el-form-item label="资金池管理余额最低控制金额：" prop="fndbalamtlwrlmt">
            <el-input v-model="detailsData.fndbalamtlwrlmt" placeholder="资金池管理余额最低控制金额" />
          </el-form-item>
        </el-col>
        <el-col :span="12"></el-col>
      </el-row>
      <el-divider></el-divider>

      <el-row type="flex">
        <el-col :span="12">
          <el-form-item label="应答报文标识号：" prop="pkgId">
            <el-input v-model="detailsData.pkgId" placeholder="应答报文标识号" />
          </el-form-item>
        </el-col>
        <el-col :span="12"></el-col>
      </el-row>

      <el-row type="flex">
        <el-col :span="12">
          <el-form-item label="业务回执状态：" prop="procStatus">
            <el-select v-model="detailsData.procStatus" placeholder="请选择" style="width: 100%">
              <el-option
                v-for="dict in dictMap.PROCESSSTATUS"
                :key="dict.value"
                :label="`${dict.value}-${dict.text}`"
                :value="dict.value"
              ></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="12"></el-col>
      </el-row>
      <el-row>
        <el-col :span="18">
          <el-form-item label="NPC处理码：" prop="procCode">
            <el-select v-model="detailsData.procCode" placeholder="请选择" style="width: 100%">
              <el-option
                :key="detailsData.procCode"
                :label="`${detailsData.procCode}-${detailsData.procCodeDesc}`"
                :value="detailsData.procCode"
              ></el-option>
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="24">
          <el-form-item label="NPC拒绝信息：" prop="rejectInfo">
            <el-input v-model="detailsData.rejectInfo" placeholder="NPC拒绝信息" />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="24">
          <el-form-item label="备注：" prop="remarks">
            <el-input type="textarea" v-model="detailsData.remarks" placeholder="备注" show-word-limit />
          </el-form-item>
        </el-col>
      </el-row>

      <el-row type="flex">
        <el-col :span="12">
          <el-form-item label="报文应答时间：" prop="rcvTime">
            <el-date-picker
              v-model="detailsData.rcvTime"
              type="date"
              value-format="yyyyMMdd"
              placeholder="选择时间"
              style="width: 100%"
            ></el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="12"></el-col>
      </el-row>
    </el-form>
  </el-dialog>
</template>
<script>
import { log } from "util";
export default {
  name: "TableDetail",
  components: {},
  props: {
    dictMap: {
      type: Object,
      default: () => {
        return {};
      },
    },
    detailsData: {
      type: Object,
      default: () => {
        return {};
      },
    },
  },
  data() {
    return {
      // 是否显示弹出层
      openStatus: false,
    };
  },
  mounted() {},
  watch: {},
  methods: {
    closeFn() {
      this.openStatus = false;
    },
    show() {
      this.openStatus = true;
    },
  },
};
</script>
